const containerVariants = {
	// 初始状态（隐藏状态）
	hidden: {
		opacity: 0 // 完全透明
	},
	visible: {
		opacity: 1, // 完全不透明
		transition: {
			// 子元素动画的延迟时间
			// 每个子元素会依次延迟 0.1 秒开始动画
			// 创造一个级联/瀑布效果
			staggerChildren: 0.1,
			duration: 0.3
		}
	}
}

const itemVariants = {
	// 初始状态（隐藏状态）
	hidden: {
		opacity: 0,
		scale: 0.98,
		y: 10
	},
	// 显示状态
	visible: {
		opacity: 1,
		scale: 1,
		y: 0,
		transition: {
			type: 'spring',
			stiffness: 100,
			damping: 15,
			duration: 0.3
		}
	}
}

export { containerVariants, itemVariants }
